<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>创业者服务首页</title>
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"/>
	</head>
	<style type="text/css">
	html,body{height: 100%;}
	    *{font-family:"微软雅黑" ;}
		.nav_left{height: 100%;background-color: #090b16;position: fixed;top: 0;width: 160px;z-index: 1000;}
		.col-xs-2.nav_left{padding-left: 0;padding-right: 0;}
		.nav_left a.list-group-item{font-size: 14px;color: #565b61;}
		.list-group-item{border: none;background-color: #090b16;}
		.nav_left .list-group-item.active,.nav_left .list-group-item.active:focus,.nav_left .list-group-item.active:hover{background-color: #24272e;color: #6bc50d;border-left: 4px solid #6bc50d;}
		.nav_left a.list-group-item:focus,.nav_left a.list-group-item:hover{background-color: #24272e; }
		.nav_right_head>img{width: 100%;}
		.col-xs-12.nav_right{padding: 0;height: 100px;padding-right: 0;margin-right: 0;min-width: 1300px;height: 100px;padding-right: 0;margin-right: 0;padding-left: 160px;}
		#myTab a{color: #7c7c7c;font-family: "微软雅黑";font-size: 15px;}
		#myTab>li.active>a{color: #3f4142; background-color: #fff;}
		.navbar-form{margin-top: 0;}
		.tab_creat .active{color:#6bc50d;}
		.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active{background-color: #fff;}
		.table>tfoot>tr.active>td{background-color: #fff;}
		.table>tbody>tr>td{border-top:0;}
		.table{margin-bottom: 0;}
		div.tab_creat.row{background-color: #fff;}
		.tab_font{padding: 10px 0;}
		.tab_font div,.tab_font td{font-size: 14px;font-family: "微软雅黑";color: #919191;}
		.gongsi_list div.col-xs-2{padding-top:10px;padding-bottom: 10px;text-align: center;}
		.gongsi_list.row{padding: 20px;background-color: #fff;margin-top: 20px;border: 1px solid #ddd;}
		.gongsi_list dd div.col-xs-2{font-size: 14px;font-family: "微软雅黑";color: #4f5051;}
		.btn-success{background-color: #6bc50d;}
		.btn{padding: 2px 10px;margin-top: 4px;}
		.row{margin: 0;}
		.btn-default{border-color: #6bc50d;color: #6bc50d;}
		td{cursor: pointer;}
		.fenset{width: 10%;float: left;}
	</style>
	<body style="background-color: #f2f2f2;">
		<div class="row warp" style="height: 100%;">
			<!--左侧导航-->
			<div class="col-xs-2 nav_left">
				<div class="list-group" style="padding: 0;">
			  	  <a href="cyzfw_index.html" class="list-group-item active">首页</a>
				  <a href="cyzfw_renzheng.html" class="list-group-item">注册项目</a>
				  <a href="#" class="list-group-item">编辑项目</a>
				  <a href="cyzfw_myProgress.html" class="list-group-item">我的项目</a>
				  <a href="cyzfw_mynews.html" class="list-group-item">我的消息</a>
				  <a href="#" class="list-group-item" style="margin: 20px 0  0;">我的关注</a>
				  <a href="cyzfw_gz_touziren.html" class="list-group-item" >投资人/机构</a>
				  <a href="cyzfw_gz_daoshi.html" class="list-group-item">导师</a>
				</div>
			</div>

			<div class="col-xs-12 nav_right">
				<div class="nav_right_head">
					<a href="../index.html"><img src="../img/linder_bg.png"/></a>
				</div>



					<div class="row" style="margin-top: 10px;">
						<div class="col-xs-10 col-xs-offset-1" >
							<div class="row">
								<ul id="myTab" class="nav nav-pills navbar-left">
									<li class="active"><a href="#home" data-toggle="tab">创业公司</a></li>
									<li><a href="#touzi" data-toggle="tab">投资人</a></li>

									<li><a href="#teacher" data-toggle="tab">导师</a></li>
								</ul>
								  <form class="navbar-form navbar-right col-xs-6">
							        <div class="form-group has-success has-feedback">
									  <input type="text" class="form-control" id="inputSuccess2" aria-describedby="inputSuccess2Status" placeholder="输入创业项目、投资人、导师、技术名称搜索">
									  <span class=" glyphicon glyphicon-zoom-in form-control-feedback" aria-hidden="true"></span>
									  <span id="inputSuccess2Status" class="sr-only">(success)</span>
									</div>
							      </form>
							</div>

							<div id="myTabContent" class="tab-content" style="">
								<div class="tab-pane fade in active" id="home">
									<div class="tab_creat row tab_font">
										<div class="col-xs-2 text-right" style="padding: 8px 15px;">融资阶段:</div>
										<div class="col-xs-10" style="padding: 0;">
											<dl class="table filter_1" >
												<dd class="active fenset">全部</dd><dd class="fenset" >种子轮</dd><dd class="fenset">天使轮</dd><dd class="fenset">Pre-A</dd><dd class="fenset">A轮</dd><dd class="fenset">A+轮</dd><dd class="fenset" >Pre-轮</dd><dd class="fenset">B轮</dd><dd class="fenset">B+轮</dd ><dd class="fenset">C轮</dd>
												<dd class="fenset">全部</dd><dd class="fenset" >种子轮</dd><dd class="fenset">天使轮</dd><dd class="fenset">Pre-A</dd><dd class="fenset">A轮</dd><dd class="fenset">A+轮</dd><dd class="fenset" >Pre-轮</dd><dd class="fenset">B轮</dd><dd class="fenset">B+轮</dd ><dd class="fenset">C轮</dd>
												<dd class="fenset">全部</dd><dd class="fenset" >种子轮</dd><dd class="fenset">天使轮</dd><dd class="fenset">Pre-A</dd><dd class="fenset">A轮</dd><dd class="fenset">A+轮</dd><dd class="fenset" >Pre-轮</dd><dd class="fenset">B轮</dd><dd class="fenset">B+轮</dd ><dd class="fenset">C轮</dd>

											</dl>
										</div>
									</div>
									<div class="tab_creat row tab_font">
										<div class="col-xs-2 text-right" style="padding: 8px 15px;">创业领域:</div>
										<div class="col-xs-10" style="padding: 0;">
											<table class="table filter_2">
												<tr><td class="active">全部</td><td>电子商务</td><td>产品 A</td><td>企业服务</td><td>ARVR</td><td>生活消费</td><td>内容产业</td><td>pre-轮</td><td>游戏动漫</td><td>移动互联网</td><td>社交</td></tr>
												<tr><td>硬件</td><td>教育</td><td>交通出行</td><td>医疗健康</td><td>旅游户外</td><td>工具软件</td><td>房产</td><td>不明确</td><td>尚未或投</td></tr>
											</table>
										</div>
									</div>
									<div class="tab_creat row tab_font">
										<div class="col-xs-2 text-right" style="padding: 8px 15px;">地区:</div>
										<div class="col-xs-10" style="padding: 0;">
											<table class="table filter_3">
												<tr><td class="active">全部</td><td>北京</td><td>上海</td><td>广东</td><td>浙江</td><td>江苏</td><td>山东</td><td>福建</td><td>湖北</td><td>其他地区</td></tr>
											</table>
										</div>
									</div>
									<div class="tab_creat row tab_font">
										<div class="col-xs-2 text-right" style="padding: 8px 15px;">排序:</div>
										<div class="col-xs-10" style="padding: 0;">
											<table class="table filter_4">
												<tr><td class="active">全部</td><td>最新收录</td><td>热度</td></tr>
											</table>
										</div>
									</div>
									<div class="tab_creat row tab_font">
										<div class="col-xs-2 text-right" style="padding: 8px 15px;">标签:</div>
										<div class="col-xs-10" style="padding: 0;">
													<div class="dropdown" style="display: inline-block;">
														  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
														    注册时间
														    <span class="caret"></span>
														  </button>
														  <ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
														    <li><a href="#">Action</a></li>
														  </ul>
														  <button type="button" class="btn btn-success" style="width: 70px;margin-left: 50px;">确认</button>
													</div>
										</div>
									</div>

									<div class="row gongsi_list">
										<dl style="background-color: #fff;">
										<dt>
											<div class="row">
												<div class="col-xs-2">创业公司</div>
												<div class="col-xs-2">地区</div>
												<div class="col-xs-2">融资阶段</div>
												<div class="col-xs-2">创业领域</div>
												<div class="col-xs-2">成立时间</div>
												<div class="col-xs-2">导师评分</div>
											</div>
										</dt>
										<dd>
											<div class="row">
												<div class="col-xs-2"><img src="../img/carous.png" style="width: 40px;height: 40px;"/> <span>小橙科技</span></div>
												<div class="col-xs-2">湖北</div>
												<div class="col-xs-2">未融资</div>
												<div class="col-xs-2">生活消费</div>
												<div class="col-xs-2">2015-06-11</div>
												<div class="col-xs-2">7.5</div>
											</div>

										</dd>
											<dd>
											<div class="row">
												<div class="col-xs-2"><img src="../img/carous.png" style="width: 40px;height: 40px;"/> <span>小橙科技</span></div>
												<div class="col-xs-2">湖北</div>
												<div class="col-xs-2">未融资</div>
												<div class="col-xs-2">生活消费</div>
												<div class="col-xs-2">2015-06-11</div>
												<div class="col-xs-2">7.5</div>
											</div>

										</dd>
											<dd>
											<div class="row">
												<div class="col-xs-2"><img src="../img/carous.png" style="width: 40px;height: 40px;"/> <span>小橙科技</span></div>
												<div class="col-xs-2">湖北</div>
												<div class="col-xs-2">未融资</div>
												<div class="col-xs-2">生活消费</div>
												<div class="col-xs-2">2015-06-11</div>
												<div class="col-xs-2">7.5</div>
											</div>
										</dd>
										</dl>
									</div>
								</div>

								<!--投资人-->
								<div class="tab-pane fade" id="touzi">
									<div class="tab_creat row tab_font">
										<div class="col-xs-2 text-right" style="padding: 8px 15px;">创业领域:</div>
										<div class="col-xs-10" style="padding: 0;">
											<table class="table filter_5">
											<tr><td class="active">全部</td><td>电子商务</td><td>产品 A</td><td>企业服务</td><td>ARVR</td><td>生活消费</td><td>内容产业</td><td>pre-轮</td><td>游戏动漫</td><td>移动互联网</td><td>社交</td></tr>
												<tr><td>硬件</td><td>教育</td><td>交通出行</td><td>医疗健康</td><td>旅游户外</td><td>工具软件</td><td>房产</td><td>不明确</td><td>尚未或投</td></tr>
											</table>
										</div>
									</div>


									<div class="tab_creat row tab_font">
										<div class="col-xs-2 text-right" style="padding: 8px 15px;">排序:</div>
										<div class="col-xs-10" style="padding: 0;">
											<table class="table filter_6">
												<tr><td class="active">全部</td><td>最新收录</td><td>热度</td></tr>
											</table>
										</div>
									</div>


									<div class="row gongsi_list">
										<dl style="background-color: #fff;">
										<dt>
											<div class="row">
												<div class="col-xs-2">投资机构</div>
												<div class="col-xs-2">投资案例</div>
												<div class="col-xs-2">投资偏好</div>
												<div class="col-xs-2">投资领域</div>
												<div class="col-xs-2">成立时间</div>
												<div class="col-xs-2">关注</div>
											</div>
										</dt>
										<dd>
											<div class="row">
												<div class="col-xs-2" style="padding-top: 10px;">
													<div class="media">
													  <div class="media-left media-middle">
													    <a href="#">
													     <img src="../img/carous.png" style="width: 40px;height: 40px;"/>
													    </a>
													  </div>
													  <div class="media-body">
													    <span>小橙科技</span>

													  </div>
													</div>

												</div>
												<div class="col-xs-2">2</div>
												<div class="col-xs-2">天使轮</div>
												<div class="col-xs-2">电子商务</div>
												<div class="col-xs-2">2015-06-11</div>
												<div class="col-xs-2"><button class="btn btn-default ">关注</button></div>
											</div>

										</dd>
											<dd>
											<div class="row">
												<div class="col-xs-2"><img src="../img/carous.png" style="width: 40px;height: 40px;"/> <span>小橙科技</span></div>
												<div class="col-xs-2">2</div>
												<div class="col-xs-2">天使轮</div>
												<div class="col-xs-2">电子商务高科技</div>
												<div class="col-xs-2">2015-06-11</div>
												<div class="col-xs-2"><button class="btn btn-default ">关注</button></div>
											</div>

										</dd>
											<dd>
											<div class="row">
												<div class="col-xs-2"><img src="../img/carous.png" style="width: 40px;height: 40px;"/> <span>小橙科技</span></div>
												<div class="col-xs-2">2</div>
												<div class="col-xs-2">天使轮</div>
												<div class="col-xs-2">电子商务高科技</div>
												<div class="col-xs-2">2015-06-11</div>
												<div class="col-xs-2"><button class="btn btn-default ">关注</button></div>
											</div>

										</dd>
										</dl>
									</div>


								</div>
								<!--导师-->
								<div class="tab-pane fade" id="teacher">
									<div class="tab_creat row tab_font">
										<div class="col-xs-2 text-right" style="padding: 8px 15px;">创业领域:</div>
										<div class="col-xs-10" style="padding: 0;">
											<table class="table filter_7">
											<tr><td class="active">全部</td><td>电子商务</td><td>产品 A</td><td>企业服务</td><td>ARVR</td><td>生活消费</td><td>内容产业</td><td>pre-轮</td><td>游戏动漫</td><td>移动互联网</td><td>社交</td></tr>
												<tr><td>硬件</td><td>教育</td><td>交通出行</td><td>医疗健康</td><td>旅游户外</td><td>工具软件</td><td>房产</td><td>不明确</td><td>尚未或投</td></tr>
											</table>
										</div>
									</div>


									<div class="tab_creat row tab_font">
										<div class="col-xs-2 text-right" style="padding: 8px 15px;">排序:</div>
										<div class="col-xs-10" style="padding: 0;">
											<table class="table filter_8">
												<tr><td class="active">全部</td><td>最新收录</td><td>热度</td></tr>
											</table>
										</div>
									</div>


									<div class="row gongsi_list">
										<dl style="background-color: #fff;">
										<dt>
											<div class="row">
												<div class="col-xs-2">投资机构</div>
												<div class="col-xs-2">投资案例</div>
												<div class="col-xs-2">投资偏好</div>
												<div class="col-xs-2">投资领域</div>
												<div class="col-xs-2">成立时间</div>
												<div class="col-xs-2">关注</div>
											</div>
										</dt>
										<dd>
											<div class="row">
												<div class="col-xs-2" style="padding-top: 10px;">
													<div class="media">
													  <div class="media-left media-middle">
													    <a href="#">
													     <img src="../img/carous.png" style="width: 40px;height: 40px;"/>
													    </a>
													  </div>
													  <div class="media-body">
													    <span>小橙科技</span>

													  </div>
													</div>

												</div>
												<div class="col-xs-2">2</div>
												<div class="col-xs-2">天使轮</div>
												<div class="col-xs-2">电子商务</div>
												<div class="col-xs-2">2015-06-11</div>
												<div class="col-xs-2"><button class="btn btn-default ">关注</button></div>
											</div>

										</dd>
											<dd>
											<div class="row">
												<div class="col-xs-2"><img src="../img/carous.png" style="width: 40px;height: 40px;"/> <span>小橙科技</span></div>
												<div class="col-xs-2">2</div>
												<div class="col-xs-2">天使轮</div>
												<div class="col-xs-2">电子商务</div>
												<div class="col-xs-2">2015-06-11</div>
												<div class="col-xs-2"><button class="btn btn-default ">关注</button></div>
											</div>

										</dd>
											<dd>
											<div class="row">
												<div class="col-xs-2"><img src="../img/carous.png" style="width: 40px;height: 40px;"/> <span>小橙科技</span></div>
												<div class="col-xs-2">2</div>
												<div class="col-xs-2">天使轮</div>
												<div class="col-xs-2">电子商务</div>
												<div class="col-xs-2">2015-06-11</div>
												<div class="col-xs-2"><button class="btn btn-default ">关注</button></div>
											</div>

										</dd>
										</dl>
									</div>






								</div>

							</div>
						</div>

				</div>


		</div>

	</body>
	<script src="../js/jquery-2.1.1.min.js"></script>
	<script type="text/javascript" src="../js/bootstrap.min.js" ></script>
	<script type="text/javascript">
		$('.gongsi_list').on('click','.btn.btn-default',function(){
			if ($(this).text()=='关注') {
				$(this).css({"backgroundColor":"#6bc50d","color":'#fff'}).text('已关注')
			} else{
				$(this).css({"backgroundColor":"#fff","color":'#6bc50d'}).text('关注')
			}
		})
		/**
		 * 创业公司
		 */
		$('.filter_1').on('click','td',function(){
			$(this).addClass('active').siblings().removeClass('active').parent('tr').siblings().children().removeClass('active')
			console.log($(this).html())
		})
		$('.filter_2').on('click','td',function(){
			$(this).addClass('active').siblings().removeClass('active').parent('tr').siblings().children().removeClass('active')
			console.log($(this).html())
		})
		$('.filter_3').on('click','td',function(){
			$(this).addClass('active').siblings().removeClass('active')
			console.log($(this).html())
		})
		$('.filter_4').on('click','td',function(){
			$(this).addClass('active').siblings().removeClass('active')
			console.log($(this).html())
		})
		/**
		 * 投资人
		 */
		$('.filter_5').on('click','td',function(){
			$(this).addClass('active').siblings().removeClass('active').parent('tr').siblings().children().removeClass('active')
			console.log($(this).html())
		})
		$('.filter_6').on('click','td',function(){
			$(this).addClass('active').siblings().removeClass('active')
			console.log($(this).html())
		})
		/**
		 * 导师
		 */
		$('.filter_7').on('click','td',function(){
			$(this).addClass('active').siblings().removeClass('active').parent('tr').siblings().children().removeClass('active')
			console.log($(this).html())
		})
		$('.filter_8').on('click','td',function(){
			$(this).addClass('active').siblings().removeClass('active')
			console.log($(this).html())
		})
	</script>
</html>
